BabylonJS একটি শক্তিশালী 3D গ্রাফিক্স ইঞ্জিন, যা শুধুমাত্র দৃশ্য তৈরি এবং রেন্ডার করেই সীমাবদ্ধ নয়, বরং বাস্তবসম্মত ফিজিক্স (Physics) ইঞ্জিনও সমর্থন করে। ফিজিক্স ইঞ্জিন ব্যবহার করে আপনি 3D অবজেক্টগুলির মধ্যে গতি, বল, ধাক্কা, সংঘর্ষ এবং অন্যান্য ফিজিক্যাল প্রক্রিয়া সিমুলেট করতে পারেন। এতে আপনার 3D অ্যাপ্লিকেশন বা গেমে বাস্তবসম্মত অ্যানিমেশন এবং ইন্টারঅ্যাকশন যোগ করা সহজ হয়।
ফিজিক্স ইঞ্জিন কি?
ফিজিক্স ইঞ্জিন হলো একটি সিস্টেম যা 3D অবজেক্টগুলির মধ্যে গতি, বল, সংঘর্ষ এবং অন্যান্য পদার্থবিজ্ঞানের নীতি সিমুলেট করে। এটি ব্যবহারকারীদের ফিজিক্যাল প্রক্রিয়াগুলির সঠিক মডেল তৈরি করতে সাহায্য করে। উদাহরণস্বরূপ, গা heavy ় বস্তু নিচে পড়া, অবজেক্টগুলির মধ্যে সংঘর্ষ, গতি নির্ধারণ এবং আরও অনেক কিছু।
BabylonJS বিভিন্ন ধরনের ফিজিক্স ইঞ্জিনের সমর্থন প্রদান করে, যেমন:
- Cannon.js - একটি হালকা ও শক্তিশালী ফিজিক্স ইঞ্জিন যা সহজেই BabylonJS এর সাথে ইন্টিগ্রেট করা যায়।
- Oimo.js - একটি অন্য একটি জনপ্রিয় ফিজিক্স ইঞ্জিন যা সহজে ইন্টিগ্রেট করা যায় এবং সাধারণত গেম ডেভেলপমেন্টে ব্যবহৃত হয়।
- Ammo.js - আরও উন্নত এবং ভারী ফিজিক্যাল সিমুলেশন সমর্থন করে, তবে এতে কিছু অতিরিক্ত কনফিগারেশন প্রয়োজন।
ফিজিক্স ইঞ্জিন ব্যবহার শুরু করা
BabylonJS এ ফিজিক্স ইঞ্জিন ব্যবহার করতে, আপনাকে প্রথমে সঠিক ফিজিক্স ইঞ্জিনটি লোড করতে হবে এবং তারপর আপনার Mesh (অথবা 3D অবজেক্ট) এর জন্য ফিজিক্স প্রপার্টি সেট করতে হবে।
১. ফিজিক্স ইঞ্জিন যোগ করা (Cannon.js উদাহরণ)
এখানে আমরা Cannon.js ফিজিক্স ইঞ্জিন ব্যবহার করে একটি সিম্পল 3D দৃশ্যে ফিজিক্স কার্যকারিতা যোগ করব।
স্টেপ ১: Cannon.js লোড করা
প্রথমে Cannon.js লাইব্রেরি CDN থেকে লোড করুন। যদি আপনি npm বা Yarn ব্যবহার করেন তবে এটি প্যাকেজ হিসেবে ইনস্টল করতে হবে।
<script src="https://cdn.babylonjs.com/cannon.js"></script>
স্টেপ ২: BabylonJS ফিজিক্স ইঞ্জিন সক্রিয় করা
BabylonJS এ ফিজিক্স সক্রিয় করার জন্য, scene.enablePhysics() ফাংশনটি ব্যবহার করতে হয়। এর মাধ্যমে আপনি একটি ফিজিক্স ইঞ্জিন যোগ করবেন এবং সেটা কার্যকর করবেন।
// scene তৈরি করা
var scene = new BABYLON.Scene(engine);
// Cannon.js ফিজিক্স ইঞ্জিন যোগ করা
var gravityVector = new BABYLON.Vector3(0, -9.81, 0); // পৃথিবীর মতো গুরত্ব শক্তি
scene.enablePhysics(gravityVector, new BABYLON.CannonJSPlugin());
এখানে gravityVector সেট করা হয়েছে, যা ফিজিক্স সিমুলেশন চালানোর জন্য গুরত্ব শক্তি (gravity) নির্দেশ করে। CannonJSPlugin হলো সেই প্লাগইন যা Cannon.js ইঞ্জিনকে BabylonJS এর সাথে সংযুক্ত করবে।
স্টেপ ৩: ফিজিক্স সহ Mesh তৈরি করা
আপনার তৈরি করা Mesh (যেমন বক্স) এর জন্য ফিজিক্স সক্রিয় করতে, আপনি mesh.physicsImpostor প্রপার্টি ব্যবহার করবেন।
// একটি বক্স তৈরি করা
var box = BABYLON.MeshBuilder.CreateBox("box", {size: 2}, scene);
// বক্সের জন্য ফিজিক্স প্রপার্টি সেট করা
box.physicsImpostor = new BABYLON.PhysicsImpostor(box, BABYLON.PhysicsImpostor.BoxImpostor, { mass: 1 }, scene);
এখানে PhysicsImpostor এর মাধ্যমে বক্সটির জন্য ফিজিক্স সেট করা হয়েছে। আমরা এটি BoxImpostor হিসেবে তৈরি করেছি এবং এর জন্য mass (ভর) সেট করেছি। বক্সটি যখন দৃশ্যে অন্যান্য অবজেক্টের সাথে ইন্টারঅ্যাক্ট করবে, তখন এটি ফিজিক্যাল সিমুলেশন অনুসারে আচরণ করবে।
স্টেপ ৪: অন্য একটি অবজেক্ট যোগ করা
ধরা যাক, আপনি একটি বক্সের ওপর আরেকটি বক্স রাখতে চান। তখন দ্বিতীয় বক্সটি গুরত্ব শক্তির কারণে প্রথম বক্সের ওপর পড়বে।
// দ্বিতীয় একটি বক্স তৈরি করা
var box2 = BABYLON.MeshBuilder.CreateBox("box2", {size: 2}, scene);
box2.position.y = 5; // দ্বিতীয় বক্সটিকে Y অক্ষে 5 ইউনিট উপরে রাখুন
// দ্বিতীয় বক্সের জন্য ফিজিক্স প্রপার্টি সেট করা
box2.physicsImpostor = new BABYLON.PhysicsImpostor(box2, BABYLON.PhysicsImpostor.BoxImpostor, { mass: 2 }, scene);
এখানে দ্বিতীয় বক্সটি একটি ভর (mass) সহ তৈরি করা হয়েছে এবং Y অক্ষে উচ্চতা দেয়া হয়েছে, যাতে এটি প্রথম বক্সটির ওপর পড়তে পারে।
স্টেপ ৫: রেন্ডার লুপ এবং আউটপুট
engine.runRenderLoop(function () {
scene.render();
});
ফিজিক্স ইঞ্জিনের অন্যান্য প্রপার্টি
১. Collision (সংঘর্ষ)
আপনি Mesh এর মধ্যে সংঘর্ষ (collision) ইভেন্টগুলি ট্র্যাক করতে পারেন। যদি দুটি অবজেক্ট সংঘর্ষে আসে, তবে আপনি সেই ইভেন্টকে হ্যান্ডেল করতে পারেন।
২. Force (বল)
অবজেক্টে বল প্রয়োগ করা:
box.physicsImpostor.applyForce(new BABYLON.Vector3(0, 10, 0), box.position);
এটি বক্সটির উপরে 10 ইউনিটের বল প্রয়োগ করবে।
৩. Impulse (ধাক্কা)
অবজেক্টে তাত্ক্ষণিক ধাক্কা প্রয়োগ করা:
box.physicsImpostor.applyImpulse(new BABYLON.Vector3(0, 10, 0), box.position);
এটি বক্সটিকে একটি দ্রুত গতিতে ঠেলে দেবে।
সারাংশ
BabylonJS এ ফিজিক্স ইঞ্জিন ব্যবহার করে 3D দৃশ্যের মধ্যে বাস্তবসম্মত পদার্থবিজ্ঞান যুক্ত করা সম্ভব। Cannon.js, Oimo.js, Ammo.js ইত্যাদি ফিজিক্স ইঞ্জিন BabylonJS এর সাথে ইন্টিগ্রেট করা যেতে পারে। ফিজিক্স ইঞ্জিন ব্যবহার করার মাধ্যমে আপনি গতি, বল, সংঘর্ষ এবং অন্যান্য পদার্থবিজ্ঞানের বৈশিষ্ট্য বাস্তবসম্মতভাবে সিমুলেট করতে পারেন। এই ফিচারটি গেম ডেভেলপমেন্ট এবং 3D সিমুলেশন প্রকল্পের জন্য অপরিহার্য।
Read more
